<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>任务二</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<nav>
		<ul>
			<li class="nav-item">首页</li>
			<li class="nav-item current">小窝</li>
			<li class="nav-item">宿舍</li>
			<li class="nav-item">教室</li>
			<li class="nav-item">回家</li>
		</ul>
	</nav>
	<img id="showPic" src="images/1.jpg">
	<section class="tag-section">
		<ul>
			<li class="tag"><img src="images/2.png"><h3>标签</h3></li>
			<li class="tag"><img src="images/2.png"><h3>标签</h3></li>
			<li class="tag"><img src="images/2.png"><h3>标签</h3></li>
			<li class="tag"><img src="images/2.png"><h3>标签</h3></li>
			<li class="tag"><img src="images/2.png"><h3>标签</h3></li>
		</ul>
	</section>
	<section class="subtitle-section">
		<ul>
			<li class="subtitle"><img src="images/3.png" alt=""><h2>分栏一</h2><h5>分栏小标题</h5></li>
			<li class="subtitle"><img src="images/4.png" alt=""><h2>分栏一</h2><h5>分栏小标题</h5></li>
			<li class="subtitle"><img src="images/5.png" class="last-pic" alt=""><h2>分栏一</h2><h5>分栏小标题</h5></li>
		</ul>
	</section>

	<section class="module">
		<h1>模块一</h1>
		<article>
			<img src="images/6.png">
			<div>
				<h3>这是文案</h3>
				<h3>这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
			</div>
		</article>
		<article>
			<img src="images/6.png">
			<div>
				<h3>这是文案</h3>
				<h3>这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
			</div>
		</article>
	</section>

	<section class="module">
		<h1>模块二</h1>
		<article>
			<img src="images/6.png">
			<div>
				<h3>这是文案</h3>
				<h3>这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
			</div>
		</article>
		<article>
			<img src="images/6.png">
			<div>
				<h3>这是文案</h3>
				<h3>这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
				<h3 class="bottom-h3">这是文案</h3>
			</div>
		</article>
	</section>

	<section class="article">
		<img src="images/7.png">
		<div>
			<h1>这是文章标题字号为22的文章标题</h1>
			<h2>文章来源&nbsp;3分钟前</h2>
		</div>
	</section>
	<section class="article">
		<img src="images/7.png">
		<div>
			<h1>这是文章标题字号为22的文章标题</h1>
			<h2>文章来源&nbsp;5分钟前</h2>
		</div>
	</section>
	<section class="article">
		<img src="images/7.png">
		<div>
			<h1>这是文章标题字号为22的文章标题</h1>
			<h2>文章来源&nbsp;7分钟前</h2>
		</div>
	</section>
	<footer>
		copy&nbsp;&copy;&nbsp;青玉
	</footer>
</body>
</html>